<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="../js/vue.js"></script>
</head>
<body>
   <div id="div">
       <input type="text" v-model="xing">
       <input type="text" v-model="ming">
       {{fullName}}
   </div>
</body>
<script>
   var vm = new Vue({
       el:"div",
       data:{xing:"", ming:""},
       //此属性中的方法调用一次执行一次
       methods:{},
       //使用计算属性，只有当数据改变时才调用
       computed:{
           //在模板中调用时，不会每次都调用，当xing或ming发生变化时调用
           fullName:function () {
               return this.xing+this.ming+Date.now()+",";
           }
       }
   });
</script>
</html>
